<template>
  <!-- 一级路由的出口 -->

  <router-view/>
</template>

<script>
import { ref } from 'vue'
export default {
  setup () {
    const message = ref('this is message')
    setTimeout(() => {
      message.value = 'this is new message'
    }, 3000)
    return {
      message
    }
  }
}
</script>
<style scoped lang="less">
// 引入less文件 在less里使用别名路径加上~
// @import '~@/styles/var.less';
// 使用变量
.box{
  color:@xtxColor;
}

</style>
